<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
	<title>运单管理</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="decorator" content="ani"/>
	<%@ include file="/webpage/include/bootstraptable.jsp"%>
	<%@include file="/webpage/include/treeview.jsp" %>
	<%@include file="newBillList.js" %>
</head>
<body>
	<div class="wrapper wrapper-content">
	<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title">运单列表</h3>
	</div>
	<div class="panel-body">
		<sys:message content="${message}"/>
	
	<!-- 搜索 -->
	<div class="accordion-group">
	<div id="collapseTwo" class="accordion-body collapse">
		<div class="accordion-inner">
			<form:form id="searchForm" modelAttribute="newBill" class="form form-horizontal well clearfix">
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="状态：">单据状态：</label>
				<select class="form-control" name="status" >
					<option value="" >请选择</option>
					<option value="已配载">已配载</option>
					<option value="已装车">已装车</option>
					<option value="已生成出库单">已生成出库单</option>
					<option value="已出库">已出库</option>
					<option value="已生成合同">已生成合同</option>
					<option value="在途">在途</option>
					<option value="已到货">已到货</option>
					<option value="已签收">已签收</option>
					<option value="回单到公司">回单到公司</option>
					<option value="回单到货主">回单到货主</option>
				</select>

				</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="状态：">投保状态：</label>
				<select class="form-control" name="bx" >
					<option value="" >请选择</option>
					<option value="未投保">未投保</option>
					<option value="已投保">已投保</option>
				</select>

				</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="运单号：">运单号：</label>
				<form:input path="ydh" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="派车单号：">派车单号：</label>
				<form:input path="pcdh" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="合同号：">合同号：</label>
				<form:input path="hth" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="委托单号：">委托单号：</label>
				<form:input path="wtdh" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="下单日期：">下单日期：</label>
				<form:input path="date" htmlEscape="false"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="装运单号：">装运单号：</label>
				<form:input path="zydh" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="提货单号：">提货单号：</label>
				<form:input path="thdh" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="物料编码：">物料编码：</label>
				<form:input path="code" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="物料名称：">物料名称：</label>
				<form:input path="name" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="订单类型：">订单类型：</label>
				<form:input path="type" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="结算地：">收货单位：</label>
					<form:input path="shdw" htmlEscape="false" maxlength="64"  class=" form-control"/>
				</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="起运地：">起运地：</label>
				<form:input path="qyd" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="结算地：">结算地：</label>
				<form:input path="jsd" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="结算吨位区间：">结算吨位区间：</label>
				<form:input path="width" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="车牌号：">车牌号：</label>
				<form:input path="cph" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="行驶证号：">行驶证号：</label>
				<form:input path="xszh" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="司机姓名：">司机姓名：</label>
				<form:input path="sjxm" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="司机电话：">司机电话：</label>
				<form:input path="sjdh" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="驾驶证号：">驾驶证号：</label>
				<form:input path="jszh" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>
				　<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="绩效吨位区间：">绩效吨位区间：</label>
				<form:input path="jxdwqj" htmlEscape="false" maxlength="64"  class=" form-control"/>
			</div>

			 <%--<div class="col-xs-12 col-sm-6 col-md-4">--%>
				<%--<label class="label-item single-overflow pull-left" title="项目：">项目：</label>--%>
				<%--<form:input path="pro" htmlEscape="false" maxlength="255"  class=" form-control"/>--%>
			<%--</div>--%>
				　<div class="col-xs-6 col-sm-3 col-md-2">
			<div style="margin-top:26px">
			  <a  id="search" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i class="fa fa-search"></i> 查询</a>
			  <a  id="reset" class="btn btn-primary btn-rounded  btn-bordered btn-sm" ><i class="fa fa-refresh"></i> 重置</a>
			 </div>
	    </div>	
	</form:form>
	</div>
	</div>
	</div>
	
	<!-- 工具栏 -->
	<div id="toolbar">

			    <button id="ztgz" class="btn btn-success" disabled onclick="ztgz1()">
	            	<i class="glyphicon glyphicon-edit"></i>在途跟踪
	        	</button>
		<button id="dhqr" class="btn btn-success" disabled onclick="dhqr()">
			<i class="glyphicon glyphicon-edit"></i>到货确认
		</button>
		<button id="qs" class="btn btn-success" disabled onclick="khqs()">
			<i class="glyphicon glyphicon-edit"></i>签收
		</button>
		<button id="dgs" class="btn btn-success" disabled onclick="dgs()">
			<i class="glyphicon glyphicon-edit"></i>回单到公司
		</button>
		<button id="dhz" class="btn btn-success" disabled onclick="dhz()">
			<i class="glyphicon glyphicon-edit"></i>回单到货主
		</button>

	        	<a class="accordion-toggle btn btn-default" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
					<i class="fa fa-search"></i> 检索
				</a>
		    </div>
		
	<!-- 表格 -->
	<table id="newBillTable" class="table text-nowrap"  data-toolbar="#toolbar"></table>

	</div>
	</div>
	</div>

	<div class="modal fade" id="ztgz1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">在途跟踪</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered">

						<tr>
							<td width="35%">跟踪时间</td>
							<td><div class='input-group form_datetime' id='date1'>
								<input type='text'  name="date" id="gzsj" class="form-control ">
								<span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
							</div></td>
						</tr>
						<tr>
							<td width="35%">跟踪位置</td>
							<td>
								<input type='text'  name="date"  id="gzwz" class="form-control " />
								</td>
						</tr>
						<tr>
							<td width="35%">备注</td>
							<td>
								<input type='text'  name="date"  id="bz" class="form-control " />
							</td>
						</tr>
						<tr>
							<td width="35%">预计到达时间</td>
							<td><div class='input-group form_datetime' id='date2'>
								<input type='text'  name="date"  id="yjdd" class="form-control " />
								<span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
							</div></td>
						</tr>

					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" onclick="gzqd()">确定</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<div class="modal fade" id="dhqr1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">到货确认</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered">

						<tr>
							<td width="35%">到达到货地时间</td>
							<td><div class='input-group form_datetime' id='date3'>
								<input type='text'  name="date" id="ddsj" class="form-control ">
								<span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
							</div></td>
						</tr>

						<tr>
							<td width="35%">离开到货地时间</td>
							<td><div class='input-group form_datetime' id='date4'>
								<input type='text'  name="date"  id="lkdhd" class="form-control " />
								<span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
							</div></td>
						</tr>

					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" onclick="dhqd()">确定</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<div class="modal fade" id="hdqs" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog" style="width: 1200px;height: 1000px;">
			<div class="modal-content" >
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title">签收</h4>
				</div>
				<div class="modal-body">
					<table class="table table-bordered">

						<tr>
							<td width="15%">签收人及电话</td>
							<td width="35%"><input type='text'   id="qsr" class="form-control " /></td>
							<td width="15%">签收时间</td>
							<td width="35%">
								<div class='input-group form_datetime' id='date5'>
									<input type='text'  name="date" id="qssj" class="form-control ">
									<span class="input-group-addon">
			                        <span class="glyphicon glyphicon-calendar"></span>
			                    </span>
								</div>
							</td>

						</tr>

					</table>
					<table class="table table-bordered">
						<thead><tr>
                            <td width="10.5%">合同号</td>
							<td width="7.5%">装运号</td>
							<td width="8.5%">提货单号</td>
							<td width="15.5%">收货单位</td>
							<td width="18.5%">物料名称</td>
							<td width="5.5%">装车量</td>
							<td width="7.5%">签收量</td>
							<td width="10.5%">签收状态</td>
							<td width="12.5%">备注</td>

						</tr></thead>
                       <tbody id="detil">

					   </tbody>
					</table>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					<button type="button" class="btn btn-primary" onclick="qsqd()">确定</button>
				</div>
			</div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>

</body>

</html>